/* eslint-disable import/order */
import { createApp } from 'vue'
import App from './App.vue'
// 全局样式（additionalData 生效）
import './style.scss'

// 状态管理
import stores, { useLoadingStore } from './stores'

// 路由器
import router from './router'

// VXE PC UI

import {
  VxeInput,
  VxeLoading,
  VxePager,
  VxeTooltip,
} from 'vxe-pc-ui'
import 'vxe-pc-ui/lib/style.css'

// VXE Table
import {
  VxeColgroup,
  VxeColumn,
  VxeGrid,
  VxeTable,
  VxeToolbar,
} from 'vxe-table'
import 'vxe-table/lib/style.css'

// expresso plus
import '@expresso/plus/styles/index.scss'
import '@expresso/plus/locale'
// console.log(VxeLoading)

// Vue3 Perfect Scrollbar
// import 'vue3-perfect-scrollbar/style.css'

// Resize Observer
// import Resizer from 'v-resize-observer'

const app = createApp(App); {
  app.use(stores)
  app.use(router)

  /* VXE PC UI */
  app.use(VxeLoading)
    .use(VxeTooltip)
    .use(VxePager)
    .use(VxeInput)

  /* VXE Table */
  app.use(VxeTable)
    .use(VxeColumn)
    .use(VxeColgroup)
    .use(VxeGrid)
    .use(VxeToolbar)

  /* Resizer */
  // app.use(Resizer, {
  //   directive: 'resize',
  // })

  /* 指令 */
  app.directive('resize', vResize)

  /* 配置 */
  useLoadingStore().install()
  /* config.setIconOptions({
    scriptUrl: ICON_URL,
  }) */
}

app.mount('#app')
